<template>
    <div>
        <div class="item">
            <span class="label">核实说明：</span>
            <span>{{ verifyDesc }}</span>
        </div>
        <div class="content">
            <div class="title">图片：</div>
            <div class="img-wrap">
                <el-image v-for="(item, index) in verifyImg" :key="index" class="img" :src="item" :preview-src-list="verifyImg" :z-index="99999"> </el-image>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'VerifyDetail',
    props: {
        verifyImg: {
            type: Array,
            default: () => []
        },
        verifyDesc: {
            type: String,
            default: ''
        }
    }
}
</script>

<style scoped lang="scss">
.content {
    margin-top: 30px;
    width: 100%;
    display: flex;
    .title {
        width: 70px;
        font-size: 14px;
    }
    .img-wrap {
        flex-grow: 1;
        display: flex;
        flex-wrap: wrap;
        .img {
            margin-right: 16px;
            margin-bottom: 20px;
            width: 120px;
            height: 120px;
            cursor: pointer;
        }
    }
}
</style>
